<script setup>
import menuItem from './menuItem.vue';
var props = defineProps({
    menu: {
        type: Object,
        default: () => { }
    }
})
</script>
<template>
    <div class="dropdown shadow-lg rounded-3" :ref="(el) => menu.subRef = el" :style="menu.childrenStyle"
        v-if="menu.open">
        <div class="dropdown-body">
            <template v-for="(xmenu, index) in menu.children" :key="index">
                <div class="dropdown-item w-100" v-on="menu.event">
                    <menu-item :menu="xmenu"></menu-item>
                </div>
                <hr v-if="xmenu.divided" class="dropdown-divided" />
            </template>
        </div>
    </div>
</template>